<template>
  <el-row :span="24">
    <el-col :span="6">
      值:{{ form }}<br />
      <avue-upload :action="action"
                   :propsHttp="propsHttp"
                   v-model="form"></avue-upload>
    </el-col>
    <el-col :span="24"></el-col>
    <el-col :span="6">
      值:{{ form1 }}<br />
      <avue-upload :action="action"
                   :propsHttp="propsHttp"
                   v-model="form1"
                   list-type="picture-img"></avue-upload>
    </el-col>
    <el-col :span="24"></el-col>
    <el-col :span="6">
      值:{{ form2 }}<br />
      <avue-upload :action="action"
                   :propsHttp="propsHttp"
                   v-model="form2"
                   list-type="picture-card"></avue-upload>
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue'

const action = 'https://api.avuejs.com/imgupload'
const propsHttp = {
  url: 'url',
  name: 'name',
  res: 'data'
}

const form = ref([])
const form1 = ref([])
const form2 = ref([])
</script>
